<template>
    <div class="ContentFloor">
      <ul class="ContentFloor-header">
        <li>登录</li>
        <li>|</li>
        <li>注册</li>
        <li>|</li>
        <li>客户服务</li>
        <li>|</li>
        <li>返回顶部</li>
      </ul>
      <ul class="ContentFloor-center">
        <li>
          <img src="//m.360buyimg.com/mobilecms/jfs/t16423/186/2517573622/5186/75a541f7/5ab1c0deN947bdcba.png" alt="">
        </li>
        <li><img src="//m.360buyimg.com/mobilecms/jfs/t18550/294/898388074/6574/3a8c5413/5ab0b8e9Ne9c48331.png" alt=""></li>
        <li><img src="//m.360buyimg.com/mobilecms/jfs/t14581/218/2689195961/4696/203b872a/5ab1c0f2N51c3f1bb.png" alt=""></li>
      </ul>
      <div style="text-align: center;font-size: 0.875rem;padding:0.5rem 0">Copyright © 2004-2020 京东JD.com 版权所有</div>
    </div>
</template>

<script>
export default {
  name: "ContentFloor"
}
</script>

<style scoped>
.ContentFloor{
  width: 100%;
height: 11.1875rem;
  background-color: #fff;
  color: #848689;
}

.ContentFloor-header{
  padding:1.5rem 2rem;
  display: flex;
  justify-content: space-around;
  font-size: 0.875rem;
  border: 1px solid #e5e5e5;
  border-left-color: transparent;
  border-right-color: transparent;
}
.ContentFloor-center{
  padding: 0.3rem 0.625rem;
  border-bottom:1px solid #e5e5e5 ;
  display: flex;
  justify-content: space-around;
}
.ContentFloor-center img{
  width: 3.75rem;
  height: 3.75rem;
}
</style>